﻿<!DOCTYPE html>
<html lang="en">

<head>
    <title>Home</title>

    <!--== META TAGS ==-->
    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	
	<script src="https://a.amap.com/jsapi_demos/static/demo-center/js/demoutils.js"></script>

    <!-- GOOGLE FONTS -->
    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700%7CMontserrat:400,700" rel="stylesheet">

    <!-- FONT-AWESOME ICON CSS -->
    <link rel="stylesheet" href="css/font-awesome.min.css">

    <!--== ALL CSS FILES ==-->
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/mob.css">
    <link rel="stylesheet" href="css/animate.css">

</head>

<body>
    <!-- Preloader -->
    <div id="preloader">
        <div id="status">&nbsp;</div>
    </div>

    <!--====== TOP HEADER ==========-->
    <section>
        <div class="rows head" data-spy="affix" data-offset-top="120">
            <div class="container">
                <div>
                    <!--====== BRANDING LOGO ==========-->
                    <div class="col-md-4 col-sm-12 col-xs-12 head_left">
                        <!-- TODO:logo要换 -->
                        <!-- <a href="index.html"><img src="images/湖北旅游log.jfif" alt="" />
                        </a> -->
                    </div>
                    <!--====== HELP LINE & EMAIL ID ==========-->
                    <div class="col-md-8 col-sm-12 col-xs-12 head_right head_right_all">
                        <ul>
                            <li>
                                <div class="dropdown">
                                    <button class="dropbtn">我的账号</button>
                                    <div class="dropdown-content">
                                        <!-- 这里加登录注册的事件 -->
                                        <!-- 还未完成 -->
                                        <a href="#"><i class="fa fa-sign-in" aria-hidden="true"></i>登录</a>
                                        <a href="#"><i class="fa fa-address-book-o" aria-hidden="true"></i>注册</a>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!--====== BANNER ==========-->
    <!-- SECTION: HEADER -->
    <section class="c3 c3-slider">
        <div class="container">
            <div id="myCarousel" class="carousel slide" data-ride="carousel">
                <!-- Indicators -->
                <ol class="carousel-indicators">
                    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                    <li data-target="#myCarousel" data-slide-to="1" class=""></li>
                    <li data-target="#myCarousel" data-slide-to="2" class=""></li>
                </ol>

                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img src="images/武汉植物园.jfif" alt="Chania" width="460" height="345">
                        <div class="carousel-caption slider-cap">
                            <h1 class="wow fadeInDown" data-wow-duration="1s">武汉植物园</h1>
                            <p class="wow fadeInUp" data-wow-duration="1.5s">中国科学院武汉植物园是集科学研究、物种保存、科普教育和休闲旅游于一体的国家三大核心植物园之一 , 为国家 AAAA级风景旅游区。</p>
                            <!-- <a href="tour-details.html" class="hs1 wow fadeInUp" data-wow-duration="2.0s">Start Now!</a> -->

                        </div>
                    </div>

                    <div class="item">
                        <img src="images/湖北博物馆.jfif" alt="Chania" width="460" height="345">
                        <div class="carousel-caption slider-cap">
                            <h1 class="wow fadeInDown" data-wow-duration="1s">湖北博物馆</h1>
                            <p class="wow fadeInUp" data-wow-duration="1.5s">湖北省博物馆筹建于1953年，坐落于湖北省武汉市武昌区东湖风景区，占地面积81909平方米，建筑面积49611平方米，展厅面积13427平方米，有中国规模最大的古乐器陈列馆。</p>
                            <!-- <a href="hotels-list.html" class="hs1 wow fadeInUp" data-wow-duration="2.0s">Start Now!</a> -->
                        </div>
                    </div>

                    <div class="item">
                        <img src="images/光谷.jfif" alt="Chania" width="460" height="345">
                        <div class="carousel-caption slider-cap">
                            <h1 class="wow fadeInDown" data-wow-duration="1s">光谷</h1>
                            <p class="wow fadeInUp" data-wow-duration="1.5s">于1988年创建成立，1991年被国务院批准为首批国家高新区，2001年被原国家计委、科技部批准为国家光电子产业基地，即“武汉·中国光谷”。</p>
                            <!-- <a href="tour-details.html" class="hs1 wow fadeInUp" data-wow-duration="2.0s">Start Now!</a> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!--====== 打卡界面 ==========-->
    <section>
        <div class="rows pad-bot-redu tb-space">
            <div class="container">
                <!-- TITLE & DESCRIPTION -->
                <div class="spe-title">
                    <h2>打卡 <span>亲子旅游地点</span> </h2>
                    <div class="title-line">
                        <div class="tl-1"></div>
                        <div class="tl-2"></div>
                        <div class="tl-3"></div>
                    </div>
                    <p>已打卡地点：</p>
                </div>
                <div id="register_position"></div>
            </div>
        </div>
    </section>

    <!--====== 未打卡界面 ==========-->
    <section>
        <div class="rows pad-bot-redu tb-space">
            <div class="container">
                <!-- TITLE & DESCRIPTION -->
                <div class="spe-title">
                    <h2>未打开<span>亲子旅游地点</span></h2>
                    <div class="title-line">
                        <div class="tl-1"></div>
                        <div class="tl-2"></div>
                        <div class="tl-3"></div>
                    </div>
                    <p>未打卡的亲子旅游地点：</p>
                </div>
                <div id="not_register_position"></div>
            </div>
        </div>
    </section>


    <!--====== EVENTS ==========-->
    <section>
        <div class="rows tb-space">
            <div class="container events events-1" id="inner-page-title">
                <!-- TITLE & DESCRIPTION -->
                <div class="spe-title">
                    <h2>亲子<span>旅游地点</span>推荐</h2>
                    <div class="title-line">
                        <div class="tl-1"></div>
                        <div class="tl-2"></div>
                        <div class="tl-3"></div>
                    </div>
                    <p>您可带您的小孩到下列地点尽情玩耍，并可在玩耍中让孩子能学习到各种东西，例如锻炼身体、学习红军精神、学习科学精神等等。</p>
                </div>
                <input type="text" id="myInput" onkeyup="myFunction()" placeholder="查找地名" title="Search">
                <table id="myTable">
                    <tbody>
                        <tr>
                            <th>#</th>
                            <th>地名</th>
                            <th>位置</th>
                            <th>了解</th>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </section>

    <!--====== FOOTER - COPYRIGHT ==========-->
    <section>
        <div class="rows copy">
            <div class="container">
                <p>Copyrights © 2019 Company Name. All Rights Reserved</p>
            </div>
        </div>
    </section>

    <section>
        <div class="icon-float">
            <ul>
                <li><a href="#" class="sh">1k <br> Share</a>
                </li>
                <li><a href="#" class="fb1"><i class="fa fa-facebook" aria-hidden="true"></i></a>
                </li>
                <li><a href="#" class="gp1"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
                </li>
                <li><a href="#" class="tw1"><i class="fa fa-twitter" aria-hidden="true"></i></a>
                </li>
                <li><a href="#" class="li1"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
                </li>
                <li><a href="#" class="sh1"><i class="fa fa-envelope-o" aria-hidden="true"></i></a>
                </li>
            </ul>
        </div>
    </section>

    <!--========= Scripts ===========-->
    <script src="js/jquery-latest.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/custom.js"></script>

    <script>
        //伪数据，之后删
        var all_json = [{
            "aid": 1,
            "name": "武汉植物园",
            "address": "武汉市武昌区东湖风景区植物园路特1号",
            "describe1": "中国科学院武汉植物园是集科学研究、物种保存、科普教育和休闲旅游于一体的国家三大核心植物园之一 , 为国家 AAAA级风景旅游区，先后被评为全国科普教育基地、全国青少年科技教育基地、湖北省和武汉市科普教育、环境教育及爱国主义教育基地。\r\n\r\n　　武汉植物园依托自身丰富的植物资源，打造四季花展品牌，推出了春季荷兰郁金香花展、中华桃花展、牡丹珍品展、华中杜鹃展，夏季荷花睡莲展，秋季菊花珍品展，冬季热带兰花展等特色品牌花展。\r\n\r\n　　春季几十万株郁金香、风信子、洋水仙等球根花卉，打造欧式花海，吸引了几十万游客前来观赏 ,还有桃花、梨花、杜鹃、牡丹、芍药同台竞艳；夏季荷花睡莲等水生花卉大放异彩；秋季，武汉植物园菊花展展示一千多个菊花珍品；冬季，热带兰花打造热闹的兰花盛会。可谓月月有花看，季季有花展，全年都是赏花的好季节。",
            "describe2": "寓教于乐的科普基地",
            "describe3": null,
            "image": "images/武汉植物园.jfif",
            "bf1": null,
            "bf2": null,
            "bf3": null
        }, {
            "aid": 2,
            "name": "黄鹤楼",
            "address": null,
            "describe1": "　黄鹤楼是古典与现代熔铸、诗化与美意构筑的精品。她处在山川灵气动荡吐钠的交点，正好映和中华民族喜好登高的民风民俗、亲近自然的空间意识、崇尚宇宙的哲学观念。登黄鹤楼，不仅仅获得愉快，更能使心灵与宇宙意象互渗互融，从而使心灵净化。\r\n\r\n　　巍峨耸立于武昌蛇山的黄鹤楼，享有 \" 天下绝景 \" 的盛誉，与湖南岳阳楼，江西滕王阁并称为 \" 江南三大名楼\"。全楼各层布置有大型壁画、楹联、文物等。楼外铸铜黄鹤造型、胜像宝塔、牌坊、轩廊、亭阁等一批辅助建筑，将主楼烘托得更加壮丽。登楼远眺，\" 极目楚天舒\"，不尽长江滚滚来，三镇风光尽收眼底。\r\n\r\n　　黄鹤楼的形制自创建以来，各朝皆不相同，但都显得高古雄浑，极富个性。与岳阳楼、滕王阁相比，黄鹤楼的平面设计为四边套八边形，谓之 \" 四面八方\"。这些数字透露出古建筑文化中数目的象征和伦理表意功能。",
            "describe2": "名扬千古的天下绝景",
            "describe3": null,
            "image": null,
            "bf1": null,
            "bf2": null,
            "bf3": null
        }, {
            "aid": 3,
            "name": "木兰天池",
            "address": null,
            "describe1": "　木兰天池，国家 AAAAA 级景区，位于黄陂区北部石门山，距武汉市中心 55 公里，堪称武汉的 \" 后花园\"。景区沟壑纵横，林木茂盛，一年四季流水不断，呈现的是一种山水交融的湿地生态。景区内以观赏飞瀑、溪潭、怪石等景观为主，可谓十步一景、百步一绝。高山环抱的天池水如明镜，清澈见底，游船踏浪，驶过青山白云倒映的池水。\r\n\r\n　　每年，木兰天池都会设计出一系列以 \" 亲子游 \" 为主打的特色产品：家长与孩子一起放飞萤火虫；T台上秀时装；溪流里摸鱼虾；山林里采果子；外婆家讲故事；亲水台搭帐篷；农家里磨豆腐 ……让家长和孩子一起回到童年，让孩子在游玩中增长见识，同时激发家长们心灵深处的儿时记忆。\r\n\r\n　　除此之外，景区还邀请了萤火虫专家、书画家、摄影家等给家长和孩子们订制专属的各类课程，从而感受和体验不一样的人生之旅。",
            "describe2": "山水秀丽的天然后花园",
            "describe3": null,
            "image": null,
            "bf1": null,
            "bf2": null,
            "bf3": null
        }, {
            "aid": 4,
            "name": "九峰森林动物园",
            "address": null,
            "describe1": "　武汉九峰森林动物园建于九峰国家森林公园内，地处武汉城区东郊。园区设有动物幼儿园、熊苑、虎苑、鹿苑、狮苑、狼苑、走禽苑、羊驼馆、斑马馆、珍猴馆、浣熊馆、鳄鱼池、渔趣园、亲子生态园等动物生态观赏区；设有\" 梦幻剧场 \" 和 \" 熊虎盛会 \" 两个大型猛兽表演场；建有松鼠乐园、孔雀园、小熊猫馆、绵阳馆等亲密接触区，乘坐猛兽观赏车入虎穴、闯狼窝，人与猛兽 \" 零\" 距离接触。还有烧烤野炊、土灶做饭、CS 野战、帐篷露营等特色活动。\r\n\r\n　　与孩子一同在武汉九峰森林动物园亲近自然、亲近动物。在绿色 \" 氧 \"吧的环境中，园区为亲子打造各类可与动物亲密接触的游园项目：体验当小小饲养员，给动物们喂食；开放式的孔雀园，与孔雀起舞；帐篷露营，与狮虎比邻而居，与小朋友一起数星星；亲子CS 野战，和爸妈一同体验冲锋陷阵的刺激 ……",
            "describe2": "与动物 \" 零 \" 距离的欢乐王国",
            "describe3": null,
            "image": null,
            "bf1": null,
            "bf2": null,
            "bf3": null
        }, {
            "aid": 5,
            "name": "九真山",
            "address": null,
            "describe1": "　　九真山景区是国家 AAAA 级景区，自然资源丰富，文化底蕴厚重，景区着力打造道教养生文化 , 景区植被繁茂、沟壑纵横、山泉潺潺、鸟语花香，四季景色迷人, 是一个休闲养生的胜地。\r\n\r\n　　生长于林间的蕨树是与恐龙同时代的植物，九真山大片的蕨树林，郁郁葱葱，每天释放大量氧离子，形成了绝好的天然氧吧。美丽的九真山景区春来踏青摘蕨菜、夏至观荷摘西瓜、秋来登高摘蜜橘、冬至踏雪观雾凇。\r\n\r\n　　景区内建有许多亲子游玩项目，欢乐园里游乐设施丰富，有沙滩卡丁车、射箭、碰碰车、骑马、遥控船、泡泡足球等等，景区内著名景点丹霞湖上还有许多水上项目：水上走钢丝、水上滚筒、水上自行车、脚踏船…… 每年夏季来临之时，九真山景区都会举行盛大的西甜瓜节，在瓜果飘香中乐游山水，畅享夏日清凉，和家人一起体验采摘的乐趣。",
            "describe2": "景色迷人的亲子乐园",
            "describe3": null,
            "image": null,
            "bf1": null,
            "bf2": null,
            "bf3": null
        }, {
            "aid": 6,
            "name": "薄刀峰",
            "address": null,
            "describe1": "　罗田薄刀峰旅游度假区位于罗田县境内，到武汉、合肥、郑州等都在 2-3 小时之内，景区面积 30 平方公里，森林覆盖率高达 98%，全年平均气温16.4 摄氏度，堪称 \" 天然氧吧 \"。\r\n\r\n　　景区山峰奇秀、气候宜人，是游客感受原生风情，体验大自然古朴气息的天赐胜地。主要由卧龙岗、圆梦谷、锡锅顶三大主题游览区组成，形成了红色旅游、民俗文化、生态观光、休闲度假等多个主题功能区。\r\n\r\n　　薄刀峰是国家 AAAA级风景区，以松奇、石怪、峰险著称，是暑期避暑乘凉的最佳去处。许多父母因为工作繁忙，不能带孩子走得太远，其实，就近选择一处生态景区避暑 \" 亲子游\"，也能够获得同样的精彩。薄刀峰推出的特惠避暑 \" 亲子游 \" 套餐，可以让父母以最实惠价格实现 \" 亲子游 \"梦想——带着孩子走进自然、亲近绿色、寻找历史、探秘科学、找寻乐趣、感受刺激 ……",
            "describe2": "气候宜人的休闲避暑胜地",
            "describe3": null,
            "image": null,
            "bf1": null,
            "bf2": null,
            "bf3": null
        }, {
            "aid": 7,
            "name": "农耕年华",
            "address": null,
            "describe1": "　\" 农耕年华 \" 农业风情园座落于黄陂区武湖农场汉施公路旁，是国家 AAAA 级风景区，集农业旅游观光、农业科技示范、农耕文化展示于一体。\r\n\r\n　　园内农业旅游资源丰富，景色秀丽，平原、草原、丘陵、山坡、湿地、湖泊、溪流、池塘错落有致。农耕作物品种齐全，花草瓜果满园飘香，珍稀植物种类繁多，飞禽走兽千姿百态；各类建筑巧夺天工，镇、村、塔、桥星罗棋布；农耕文化源远流长，农政思想底蕴厚重。\r\n\r\n　　现已建成农业科技示范区、青少年生命安全教育基地、萌宠乐园、亲子自行车公园、真人 CS基地、农事农活体验区、亲子手工豆腐坊、果蔬观赏采摘区、度假会务健身区等十几个功能区。柴火土灶、自助烧烤，美食美景享不停。春秋百花盛开、百果飘香，更有百亩紫藤、百亩波斯菊观赏；夏季摸鱼钓虾、蔬果采摘乐翻天；冬季更有腊梅幽香伴随草莓果香清新扑鼻。",
            "describe2": "体验农趣的欢乐嘉年华",
            "describe3": null,
            "image": null,
            "bf1": null,
            "bf2": null,
            "bf3": null
        }, {
            "aid": 8,
            "name": "鼎园",
            "address": null,
            "describe1": "　武汉鼎园生态园座落于风景秀丽的牛山湖畔，位于东湖高新技术开发区滨湖街檀树岭，三面湖水碧波荡漾，登高远眺，水天一色，不是海湾胜似海湾。\r\n\r\n　　生态园占地 600 余亩，园内地貌起伏、错落有致，森林覆盖92%，富氧超常，林间小道曲径通幽，简欧小楼优雅别致，香花异草争奇斗艳，百亩茶园层叠碧翠，数千盆景千姿百态，如立体的画、无声的诗。园区集休闲、娱乐、住宿、餐饮于一体，可垂钓、采茶、烧烤、露营、观赏盆景、走迷宫，适合一家人休闲放松。\r\n\r\n　　景区定期开展特色主题活动，其中 \" 都市农夫乐 \"主题活动最受亲子家庭欢迎，春天耕耘播希望，植树下苗、采茶炒茶；夏季桃红瓜甜生态采摘，日捉泥鳅夜扑流萤；金秋麦浪滚滚喜摘辛劳果；冬日湖边煮酒话丰年。四季农夫之乐特色鲜明，趣味横生。",
            "describe2": "美丽的生态农庄",
            "describe3": null,
            "image": null,
            "bf1": null,
            "bf2": null,
            "bf3": null
        }];

        var getRegister_json = [{
            "aid": 1,
            "name": "武汉植物园",
            "address": null,
            "describe1": "中国科学院武汉植物园是集科学研究、物种保存、科普教育和休闲旅游于一体的国家三大核心植物园之一 , 为国家 AAAA级风景旅游区，先后被评为全国科普教育基地、全国青少年科技教育基地、湖北省和武汉市科普教育、环境教育及爱国主义教育基地。\r\n\r\n　　武汉植物园依托自身丰富的植物资源，打造四季花展品牌，推出了春季荷兰郁金香花展、中华桃花展、牡丹珍品展、华中杜鹃展，夏季荷花睡莲展，秋季菊花珍品展，冬季热带兰花展等特色品牌花展。\r\n\r\n　　春季几十万株郁金香、风信子、洋水仙等球根花卉，打造欧式花海，吸引了几十万游客前来观赏 ,还有桃花、梨花、杜鹃、牡丹、芍药同台竞艳；夏季荷花睡莲等水生花卉大放异彩；秋季，武汉植物园菊花展展示一千多个菊花珍品；冬季，热带兰花打造热闹的兰花盛会。可谓月月有花看，季季有花展，全年都是赏花的好季节。",
            "describe2": null,
            "describe3": null,
            "image": "images/武汉植物园.jfif",
            "bf1": null,
            "bf2": null,
            "bf3": null
        }, {
            "aid": 2,
            "name": "黄鹤楼",
            "address": null,
            "describe1": "　黄鹤楼是古典与现代熔铸、诗化与美意构筑的精品。她处在山川灵气动荡吐钠的交点，正好映和中华民族喜好登高的民风民俗、亲近自然的空间意识、崇尚宇宙的哲学观念。登黄鹤楼，不仅仅获得愉快，更能使心灵与宇宙意象互渗互融，从而使心灵净化。\r\n\r\n　　巍峨耸立于武昌蛇山的黄鹤楼，享有 \" 天下绝景 \" 的盛誉，与湖南岳阳楼，江西滕王阁并称为 \" 江南三大名楼\"。全楼各层布置有大型壁画、楹联、文物等。楼外铸铜黄鹤造型、胜像宝塔、牌坊、轩廊、亭阁等一批辅助建筑，将主楼烘托得更加壮丽。登楼远眺，\" 极目楚天舒\"，不尽长江滚滚来，三镇风光尽收眼底。\r\n\r\n　　黄鹤楼的形制自创建以来，各朝皆不相同，但都显得高古雄浑，极富个性。与岳阳楼、滕王阁相比，黄鹤楼的平面设计为四边套八边形，谓之 \" 四面八方\"。这些数字透露出古建筑文化中数目的象征和伦理表意功能。",
            "describe2": null,
            "describe3": null,
            "image": null,
            "bf1": null,
            "bf2": null,
            "bf3": null
        }]

        var not_register_json = [{
            "aid": 3,
            "name": "木兰天池",
            "address": null,
            "describe1": "　木兰天池，国家 AAAAA 级景区，位于黄陂区北部石门山，距武汉市中心 55 公里，堪称武汉的 \" 后花园\"。景区沟壑纵横，林木茂盛，一年四季流水不断，呈现的是一种山水交融的湿地生态。景区内以观赏飞瀑、溪潭、怪石等景观为主，可谓十步一景、百步一绝。高山环抱的天池水如明镜，清澈见底，游船踏浪，驶过青山白云倒映的池水。\r\n\r\n　　每年，木兰天池都会设计出一系列以 \" 亲子游 \" 为主打的特色产品：家长与孩子一起放飞萤火虫；T台上秀时装；溪流里摸鱼虾；山林里采果子；外婆家讲故事；亲水台搭帐篷；农家里磨豆腐 ……让家长和孩子一起回到童年，让孩子在游玩中增长见识，同时激发家长们心灵深处的儿时记忆。\r\n\r\n　　除此之外，景区还邀请了萤火虫专家、书画家、摄影家等给家长和孩子们订制专属的各类课程，从而感受和体验不一样的人生之旅。",
            "describe2": "山水秀丽的天然后花园",
            "describe3": null,
            "image": null,
            "bf1": null,
            "bf2": null,
            "bf3": null
        }, {
            "aid": 4,
            "name": "九峰森林动物园",
            "address": null,
            "describe1": "　武汉九峰森林动物园建于九峰国家森林公园内，地处武汉城区东郊。园区设有动物幼儿园、熊苑、虎苑、鹿苑、狮苑、狼苑、走禽苑、羊驼馆、斑马馆、珍猴馆、浣熊馆、鳄鱼池、渔趣园、亲子生态园等动物生态观赏区；设有\" 梦幻剧场 \" 和 \" 熊虎盛会 \" 两个大型猛兽表演场；建有松鼠乐园、孔雀园、小熊猫馆、绵阳馆等亲密接触区，乘坐猛兽观赏车入虎穴、闯狼窝，人与猛兽 \" 零\" 距离接触。还有烧烤野炊、土灶做饭、CS 野战、帐篷露营等特色活动。\r\n\r\n　　与孩子一同在武汉九峰森林动物园亲近自然、亲近动物。在绿色 \" 氧 \"吧的环境中，园区为亲子打造各类可与动物亲密接触的游园项目：体验当小小饲养员，给动物们喂食；开放式的孔雀园，与孔雀起舞；帐篷露营，与狮虎比邻而居，与小朋友一起数星星；亲子CS 野战，和爸妈一同体验冲锋陷阵的刺激 ……",
            "describe2": "与动物 \" 零 \" 距离的欢乐王国",
            "describe3": null,
            "image": null,
            "bf1": null,
            "bf2": null,
            "bf3": null
        }, {
            "aid": 5,
            "name": "九真山",
            "address": null,
            "describe1": "　　九真山景区是国家 AAAA 级景区，自然资源丰富，文化底蕴厚重，景区着力打造道教养生文化 , 景区植被繁茂、沟壑纵横、山泉潺潺、鸟语花香，四季景色迷人, 是一个休闲养生的胜地。\r\n\r\n　　生长于林间的蕨树是与恐龙同时代的植物，九真山大片的蕨树林，郁郁葱葱，每天释放大量氧离子，形成了绝好的天然氧吧。美丽的九真山景区春来踏青摘蕨菜、夏至观荷摘西瓜、秋来登高摘蜜橘、冬至踏雪观雾凇。\r\n\r\n　　景区内建有许多亲子游玩项目，欢乐园里游乐设施丰富，有沙滩卡丁车、射箭、碰碰车、骑马、遥控船、泡泡足球等等，景区内著名景点丹霞湖上还有许多水上项目：水上走钢丝、水上滚筒、水上自行车、脚踏船…… 每年夏季来临之时，九真山景区都会举行盛大的西甜瓜节，在瓜果飘香中乐游山水，畅享夏日清凉，和家人一起体验采摘的乐趣。",
            "describe2": "景色迷人的亲子乐园",
            "describe3": null,
            "image": null,
            "bf1": null,
            "bf2": null,
            "bf3": null
        }, {
            "aid": 6,
            "name": "薄刀峰",
            "address": null,
            "describe1": "　罗田薄刀峰旅游度假区位于罗田县境内，到武汉、合肥、郑州等都在 2-3 小时之内，景区面积 30 平方公里，森林覆盖率高达 98%，全年平均气温16.4 摄氏度，堪称 \" 天然氧吧 \"。\r\n\r\n　　景区山峰奇秀、气候宜人，是游客感受原生风情，体验大自然古朴气息的天赐胜地。主要由卧龙岗、圆梦谷、锡锅顶三大主题游览区组成，形成了红色旅游、民俗文化、生态观光、休闲度假等多个主题功能区。\r\n\r\n　　薄刀峰是国家 AAAA级风景区，以松奇、石怪、峰险著称，是暑期避暑乘凉的最佳去处。许多父母因为工作繁忙，不能带孩子走得太远，其实，就近选择一处生态景区避暑 \" 亲子游\"，也能够获得同样的精彩。薄刀峰推出的特惠避暑 \" 亲子游 \" 套餐，可以让父母以最实惠价格实现 \" 亲子游 \"梦想——带着孩子走进自然、亲近绿色、寻找历史、探秘科学、找寻乐趣、感受刺激 ……",
            "describe2": "气候宜人的休闲避暑胜地",
            "describe3": null,
            "image": null,
            "bf1": null,
            "bf2": null,
            "bf3": null
        }, {
            "aid": 7,
            "name": "农耕年华",
            "address": null,
            "describe1": "　\" 农耕年华 \" 农业风情园座落于黄陂区武湖农场汉施公路旁，是国家 AAAA 级风景区，集农业旅游观光、农业科技示范、农耕文化展示于一体。\r\n\r\n　　园内农业旅游资源丰富，景色秀丽，平原、草原、丘陵、山坡、湿地、湖泊、溪流、池塘错落有致。农耕作物品种齐全，花草瓜果满园飘香，珍稀植物种类繁多，飞禽走兽千姿百态；各类建筑巧夺天工，镇、村、塔、桥星罗棋布；农耕文化源远流长，农政思想底蕴厚重。\r\n\r\n　　现已建成农业科技示范区、青少年生命安全教育基地、萌宠乐园、亲子自行车公园、真人 CS基地、农事农活体验区、亲子手工豆腐坊、果蔬观赏采摘区、度假会务健身区等十几个功能区。柴火土灶、自助烧烤，美食美景享不停。春秋百花盛开、百果飘香，更有百亩紫藤、百亩波斯菊观赏；夏季摸鱼钓虾、蔬果采摘乐翻天；冬季更有腊梅幽香伴随草莓果香清新扑鼻。",
            "describe2": "体验农趣的欢乐嘉年华",
            "describe3": null,
            "image": null,
            "bf1": null,
            "bf2": null,
            "bf3": null
        }, {
            "aid": 8,
            "name": "鼎园",
            "address": null,
            "describe1": "　武汉鼎园生态园座落于风景秀丽的牛山湖畔，位于东湖高新技术开发区滨湖街檀树岭，三面湖水碧波荡漾，登高远眺，水天一色，不是海湾胜似海湾。\r\n\r\n　　生态园占地 600 余亩，园内地貌起伏、错落有致，森林覆盖92%，富氧超常，林间小道曲径通幽，简欧小楼优雅别致，香花异草争奇斗艳，百亩茶园层叠碧翠，数千盆景千姿百态，如立体的画、无声的诗。园区集休闲、娱乐、住宿、餐饮于一体，可垂钓、采茶、烧烤、露营、观赏盆景、走迷宫，适合一家人休闲放松。\r\n\r\n　　景区定期开展特色主题活动，其中 \" 都市农夫乐 \"主题活动最受亲子家庭欢迎，春天耕耘播希望，植树下苗、采茶炒茶；夏季桃红瓜甜生态采摘，日捉泥鳅夜扑流萤；金秋麦浪滚滚喜摘辛劳果；冬日湖边煮酒话丰年。四季农夫之乐特色鲜明，趣味横生。",
            "describe2": "美丽的生态农庄",
            "describe3": null,
            "image": null,
            "bf1": null,
            "bf2": null,
            "bf3": null
        }]
    </script>

    <script>
        function apend_regester_html(add_pos, data) {
            for (let i = 0; i < data.length; i++) {
                let html_code = '<div class="col-md-4 col-sm-6 col-xs-12 b_packages">' +
                    '<!-- IMAGE -->' +
                    '<div class=v_place_img>' +
                    '<img src="' + data[i]['image'] + '" />' +
                    '</div>' +
                    '<!-- TOUR TITLE & ICONS -->' +
                    '<div class="b_pack rows">' +
                    '<!-- TOUR TITLE -->' +
                    '<div class="col-md-8 col-sm-8">' +
                    '<h4><a href="tour-details.html">' + data[i]['name'] + '</a></h4>' +
                    '</div>' +
                    '<!-- TOUR ICONS -->' +
                    '<div class="col-md-4 col-sm-4 pack_icon">' +
                    '<ul>' +
                    '<li>' +
                    '<a href="detail?aid=' + data[i]['aid'] + '"><img src="images/info.png" alt="Details" title="详情" />' +
                    '</a>' +
                    '</li>' +
                    '</ul>' +
                    '</div>' +
                    '</div>' +
                    '</div>'

                $("#" + add_pos).append(html_code);
            }
        };

        function apend_recommand_pos_html(add_pos, data) {
            for (let i = 0; i < data.length; i++) {
                let html_code = '<tr>' +
                    '<td>' + i + '</td>' +
                    '<td><img src="' + data[i]['image'] + '" alt="" /><a class="events-title">' + data[i]['name'] + '</a>' +
                    '</td>' +
                    '<td>' + '<a class="events-title">' + data[i]['address'] + '</a>' +
                    '</td>' +
                    '<td><a href="detail?aid=' + data[i]['aid'] + '" class="link-btn">详情</a>' +
                    '</td>' +
                    '</tr>'

                $("#" + add_pos).append(html_code);
            }
        }

        function init_html(getRegister_data, not_register_data, all_data) {
            apend_regester_html("register_position", getRegister_data);

            apend_regester_html("not_register_position", not_register_data);

            apend_recommand_pos_html("myTable", all_data);
        }

        //假初始化，调用初始化,参数分别为打卡地点、未打卡地点、所有地点的json数据
        //init_html(getRegister_json, not_register_json, all_json);

		init_html_by_ajax();
        //调用ajax初始化，未测，小问题：后台文档中未打卡和已打卡数据接口相同
        // -----------------------------------------------------------
        function init_html_by_ajax() {
            $.ajax({
                url: '/attraction/getRegister?uid=1', //地址
                dataType: 'json', //数据类型
                type: 'GET', //类型
                timeout: 2000, //超时
                //请求成功
                success: function(data, status) {
                    apend_regester_html("register_position", data);
                },
                //失败/超时
                error: function(XMLHttpRequest, textStatus, errorThrown) {
                    if (textStatus === 'timeout') {
                        alert('請求超時');
                        setTimeout(function() {
                            alert('重新请求');
                        }, 2000);
                    }
                }
            });

            $.ajax({
                url: '/attraction/getNoRegister?uid=1', //地址
                dataType: 'json', //数据类型
                type: 'GET', //类型
                timeout: 2000, //超时
                //请求成功
                success: function(data, status) {
                    apend_regester_html("not_register_position", data);
                },
                //失败/超时
                error: function(XMLHttpRequest, textStatus, errorThrown) {
                    if (textStatus === 'timeout') {
                        alert('請求超時');
                        setTimeout(function() {
                            alert('重新请求');
                        }, 2000);
                    }
                }
            });

            $.ajax({
                url: '/attraction/all', //地址
                dataType: 'json', //数据类型
                type: 'GET', //类型
                timeout: 2000, //超时
                //请求成功
                success: function(data, status) {
                    apend_recommand_pos_html("myTable", data);
                },
                //失败/超时
                error: function(XMLHttpRequest, textStatus, errorThrown) {
                    if (textStatus === 'timeout') {
                        alert('請求超時');
                        setTimeout(function() {
                            alert('重新请求');
                        }, 2000);
                    }
                }
            });
        }
    </script>


</body>

</html>